<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"	content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/jquery.validate.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=790411bda172ff9496825d6ea740661d"></script>
		<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/bettery_common.js"></script>
		<script type="text/javascript">
		var findMarkflag=true;
		var map1;
		var _lat;
		var _lng;
		var point;
		function load(){
			navigator.geolocation.getCurrentPosition(function(position) {
				_lat = position.coords.latitude;
				_lng = position.coords.longitude;
				loadMap();
			}, function(error) {
				switch (error.code) {
				case error.TIMEOUT:
					alert("获取位置超时！您可通过点击消息界面【左下角键盘按钮】，打开【+】按钮，点击【位置】按钮，手动发送您当前位置");
					break;
				case error.PERMISSION_DENIED:
					alert("您拒绝了使用位置共享服务，查询已取消");
					break;
				case error.POSITION_UNAVAILABLE:
					alert("获取位置失败！您可通过点击消息界面【左下角键盘按钮】，打开【+】按钮，点击【位置】按钮，手动发送您当前位置");
					break;
				}
			}, {
				maximumAge : 10000,
				timeout : 10000,
				enableHighAccuracy : true
			});
		}
			function loadMap() {
				if(map1){
					$("#layer").hide();
					$("#map").show();
				}else
				if (_lat && _lng) {
					//百度地图
				    point = new BMap.Point(_lng, _lat);
					map1 = new BMap.Map("map"); // 创建Map实例
					$("#layer").hide();
					$("#map").show();
					map1.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别。
					map1.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
					//map1.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
					
					//map1.addControl(new BMap.ScaleControl()); // 添加比例尺控件
					map1.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
					map1.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
					map1.centerAndZoom(point, 15);
					
					var myIcon = new BMap.Icon("${pageContext.request.contextPath}/bettery/img/markers.png", new BMap.Size(36, 36), {  
					// 指定定位位置。 
					// 当标注显示在地图上时，其所指向的地理位置距离图标左上  
					// 角各偏移10像素和25像素。您可以看到在本例中该位置即是 
					   // 图标中央下端的尖角位置。  
					   offset: new BMap.Size(0, 0),  
					   // 设置图片偏移。 
					   // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您 
					   // 需要指定大图的偏移位置，此做法与css sprites技术类似。  
					 //  imageOffset: new BMap.Size(0, 0 - i * 25)   // 设置图片偏移  
					 });
					var marker = new BMap.Marker(point,{icon: myIcon}); // 创建标注     
					map1.addOverlay(marker);
					var opts = {
						width : 100,
						height : 50,
						title : "",
						enableMessage:false
					}
					var infoWindow = new BMap.InfoWindow("您的位置", opts); // 创建信息窗口对象     
					map1.openInfoWindow(infoWindow, point); // 打开信息窗口  

					marker.addEventListener("click", function() {
						map1.openInfoWindow(infoWindow, point);
					});
					
			$.ajax( {
			url : "index/getcCnvertLatLng.do?t=" + (new Date()),
			dataType : "json",
			type : 'post',
			data : {
				'lat' : _lat,
				'lng' : _lng
			},
			success : function(data) {
					if (data.success) {
						var point2 = new BMap.Point(data.gpslng, data.gpslat);
						var marker2 = new BMap.Marker(point2,{icon: myIcon}); // 创建标注     
						map1.addOverlay(marker2);
						var opts = {
							width : 100,
							height : 50,
							title : "",
							enableMessage:false
						}
					
					
				var infoWindow2 = new BMap.InfoWindow("gps-baidu转换后", opts); // 创建信息窗口对象     
						map1.openInfoWindow(infoWindow2, point2); // 打开信息窗口  
						marker2.addEventListener("click", function() {
							map1.openInfoWindow(infoWindow2, point2);
						});
						
						var point3 = new BMap.Point(data.gglng, data.gglat);
							var marker3 = new BMap.Marker(point3,{icon: myIcon}); // 创建标注     
						map1.addOverlay(marker3);
						var infoWindow3 = new BMap.InfoWindow("google-baidu转换后", opts); // 创建信息窗口对象     
						map1.openInfoWindow(infoWindow3, point3); // 打开信息窗口  
						marker3.addEventListener("click", function() {
							map1.openInfoWindow(infoWindow3, point3);
						});
						map1.centerAndZoom(point3, 15);
			        }
		     }
		});
					
					$("#layer").hide();
					$("#map").show();
				}
			}

		</script>
	</head>
	<body onload="load();">
				<div id="map" style='width:100%;; height: 610px; background: #fff;margin-top:45px;padding-bottom:-360px;position:absolute;'></div>
	</body>
</html>